<template>
  <view class="container">
	  <uni-card class = "card">
		  <uni-row class = "card-text" >
			     上报记录
		  </uni-row>
		  
		  <navigator url="/pages/leave/apply" >
		  <button class = "card-btn" >
			  >
		  </button>
		  </navigator>
		  
		 <view class="img">
		 	<image src="../../static/04.png"  style="width: 50px ; height: 50px;" ></image>
		</view>
		  
	  </uni-card>
	  
	  <uni-card class = "card" >
	  		  <uni-row class = "card-text">
	  			  角色切换
	  		  </uni-row>
			  
			  <button class = "card-btn" >
			  			  >
			  </button>
			  
			  <view class="img">
			   	<image src="../../static/05.png"  style="width: 50px ; height: 50px;" ></image>
			  </view>
	  </uni-card>
	  
	  <uni-card class = "card">
	  		  <uni-row class = "card-text">
	  			  学生免上报登记
	  		  </uni-row>
			  
			  <button class = "card-btn" >
			  			  >
			  </button>
			  
			  <view class="img">
			   	<image src="../../static/06.png"  style="width: 50px ; height: 50px;" ></image>
			  </view>
	  </uni-card>
  
    <!-- <view class="intro">本项目已包含uni ui组件，无需import和注册，可直接使用。在代码区键入字母u，即可通过代码助手列出所有可用组件。光标置于组件名称处按F1，即可查看组件文档。</view>
    <text class="intro">详见：</text>
    <uni-link :href="href" :text="href"></uni-link> -->
    <!-- <uni-row>
      <uni-col :span="12" :offset="6">
        <button size="mini" type="primary">按钮</button>
        <button @click="showMsg" type="primary">按钮</button>
      </uni-col>
    </uni-row> -->
    <view class="btnview">
      <uni-row>
        <uni-col :span="20" :offset="2">
          <!-- <navigator url="/pages/leave/apply" class="button" type="primary">
                              <button @click="toApply" class="button" type="primary">
                      <text class="button-text">发起请假</text></button>
                          </navigator> -->
          <!-- <button @click="toApply" class="button" type="primary"><text
              class="button-text">发起请假</text></button> -->
        </uni-col>
      </uni-row>
    </view>
  </view>
</template>

<script setup>
  import {ref} from 'vue'
  let href = ref('https://uniapp.dcloud.io/component/README?id=uniui')
  
  // let showMsg = function(){
  //   uni.showModal({
  //     content: '这是提示信息',
  //     showCancel: false,
  //     success: function(){
        
  //     }
  //   })
  // }
</script>

<style>
	.img{
	margin-top:-55px ;
	margin-left: -5px;
	
	}
	
	.card-btn{
		width: 50px;
		margin-left:400px ;
		height: 50px;
		
		margin-top: -30px;
		font-size: 20px;
	}

	
	.card-text{
		position: relative;
		margin-top:30px ;
		margin-left: 150px ;
		font-size:20px;
		
		left:60px;
		
	}
	
  .card{
	  padding:200px ;
	  height: 100px;
	  
	  display: grid;
	 

  }	
	
  .container {
    padding: 10px;
    font-size: 14px;
    line-height: 24px;
  }
  
  .button {
    width: 283px;
    height: 50px;
    border-radius: 25px;
    background: red;
    box-shadow: 0 5px 10px white;
  }
  
  .button-text {
    font-family: "PingFang SC Bold";
    font-weight: 700;
    font-size: 16px;
    text-align: center;
    color: #fff;
  }
</style>